import React, { FC } from 'react';
import { RouteComponentProps } from 'react-router';

interface DemosDetail1Params {
  demoId: string;
  ruleId: string;
}
interface DemosDetail1Props extends RouteComponentProps<DemosDetail1Params> {}
const DemosDetail2: FC<DemosDetail1Props> = props => {
  return (
    <div>
      <h3>DemosDetail2</h3>
      <div>demoId: {props.match.params.demoId}</div>
      <div>ruleId: {props.match.params.ruleId}</div>
    </div>
  );
};

export default DemosDetail2;
